// 引入公共组件
require('../less/commCss/basic.css')
// 引入当前对应css
require('../less/login.less')
// 引入http模块,ajax传输
const {$http} = require('../lib/commonJs/http.js')
// 引入工具函数
const utils = require('../lib/commonJs/utils.js')

// 获取元素
const loginBtn = document.querySelector('#login-btn')
const user = document.querySelector('#user')
const password = document.querySelector('#password')
// 新建原生ajax传输
const ajax = new XMLHttpRequest()

loginBtn.addEventListener('click', function () {
    if (user.value != '' && password.value != '') {

        // // 原生ajax传输open
        // ajax.open('post', 'http://139.9.177.51:8099/users/login')
        // // 原生监听事件
        // ajax.onreadystatechange = function () {
        //     if (ajax.readyState == 4 && ajax.status == 200) {
        //         if (!JSON.parse(ajax.responseText).status) {
        //             alert('登录成功')
        //             location.href = './home.html'
        //         } else {
        //             alert(JSON.parse(ajax.responseText).msg)
        //         }
        //     }
        // }

        // ajax.setRequestHeader('Content-Type', 'application/json')

        // ajax.send(JSON.stringify({
        //     account: user.value,
        //     password: password.value
        // }))


        // http模块的ajax请求
        $http.post('/users/login', {
            account: user.value,
            password: password.value
        }, function (res) {
            if (!res.status) {
                localStorage.setItem('userId',res.data.user.userId)
                location.href = './home.html'
            } else {
                utils.toast('success','登录失败')
            }
        })


    }
})